<template>
    <div id="app">

        <container v-if="!isFull">
            <router-view/>
        </container>
        <router-view v-else/>


    </div>
</template>

<script>

    export default {
        name: 'app',
        components: {},
        data() {
            return {
                isFull: true
            }
        },
        watch: {
            '$route': function (to) {
               this.isFull = !!to.meta.isFull;
            }
        },
    }
</script>
<style lang="less">
    ::-webkit-scrollbar {
        width: 5px; /*对垂直流动条有效*/
        height: 5px; /*对水平流动条有效*/
    }

    /*定义滚动条的轨道颜色、内阴影及圆角*/
    ::-webkit-scrollbar-track {
        /*       -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
               background-color: #E8E8E8;
               border-radius: 3px;*/
    }

    /*定义滑块颜色、内阴影及圆角*/
    ::-webkit-scrollbar-thumb {
        background-color: #282828;
        background-clip: padding-box;
        min-height: 28px;
        border-radius: 5px;
    }

    /*
        !*定义两端按钮的样式*!
        ::-webkit-scrollbar-button {
            background-color:cyan;
        }*/

    /*定义右下角汇合处的样式*/
    ::-webkit-scrollbar-corner {
        background: khaki;
    }

</style>
